<!doctype html>
<!--[if IEMobile 7 ]> <html lang="zh-CN" class="no-js iem7"> <![endif]-->
<!--[if lt IE 7 ]> <html lang="zh-CN" class="no-js ie6 oldie"> <![endif]-->
<!--[if IE 7 ]> <html lang="zh-CN" class="no-js ie7 oldie"> <![endif]-->
<!--[if IE 8 ]> <html lang="zh-CN" class="no-js ie8 oldie"> <![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html lang="zh-CN" class="no-js"><!--<![endif]-->
<head>
	<title><%
		if(this['title']){
			print(this['title'] + ' - ' + config.app.name);
		}else{
			print(config.app.name);
		}
	%></title>
	<meta charset="utf-8">
	<%
		_.each(config.site.headers,function(item){
			print(item);
		})
	%>
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
		</script>
		<link rel="stylesheet" href="css/ie.css">
	<![endif]-->
	<!-- Google Font and style definitions -->
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:regular,bold">
	<link rel="stylesheet" href="/stylesheets/style.css">
	<!-- include the skins (change to dark if you like) -->
	<link rel="stylesheet" href="/stylesheets/light/theme.css" id="themestyle">
	
	
	
    <script charset="utf-8" id="seajsnode" src="/assets/seajs-2.0.0/sea.js"></script>
    
    <script type=text/javascript>
	    seajs.config({
			base : location.protocol + "//" + location.host + "/",
			charset: 'utf-8',
			debug : true,
			paths : {
				'google-api' : 'http://ajax.googleapis.com/ajax/libs/'
			},
			alias: {
				'$' : 'google-api/jquery/1.8.0/jquery.min.js',
				'$ui' : 'google-api/jqueryui/1.8.12/jquery-ui.min.js',
				'_' : 'assets/underscore-min.js',
				'admin' : 'javascripts/admin/index.js',
				'jquerylayout' : 'assets/jquery.layout.js'
			},
			preload : [
				'$'
			]
		});
		
		seajs.use(['$','$ui','_','jquerylayout'],function(jQuery,jui,_){
			//$('body').layout({ applyDemoStyles: true });
			seajs.use('admin');
		});
    </script>
</head>
<body>

	<div id="pageoptions">
		<ul>
			<li>
				<a href="logout">
					Logout
				</a>
			</li>
			<li>
				<a href="#" id="wl_config">
					Configuration
				</a>
			</li>
			<li>
				<a href="#">
					Settings
				</a>
			</li>
		</ul>
		<div>
			<h3>
				Place for some configs
			</h3>
			<p>
				Li Europan lingues es membres del sam familie. Lor separat existentie
				es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular.
				Li lingues differe solmen in li grammatica, li pronunciation e li plu commun
				vocabules. Omnicos directe al desirabilite de un nov lingua franca: On
				refusa continuar payar custosi traductores.
			</p>
		</div>
	</div>
	<header>
		<div id="logo">
			<a href="">
			Logo Here
			</a>
		</div>
		<div id="header">
			<ul id="headernav">
				<li>
					<ul>
						<%
							(function(item){
								_.each(item,function(_item ,index){
									print('<li data-load-url="' + _item.url + '" data-text="' + _item.text + '"><a');
									if(_item.children){
										print(' style="padding-right:0px;"');
									}
									print(' href="#">' + _item.text + '');
									if(_item.children){
										print('<div class="i_triangle_down" style="background-position-y:-4px;width:18px;height:20px;float:right;padding-left:8px;padding-right:0px;"></div></a><ul>');
										_.each(_item.children,function(__item){
											print('<li data-leaf=true data-text="' + __item.text + '" data-load-url="' + __item.url + '"><a href="#">' + __item.text + '</a>');
											if(__item.children){
												arguments.callee.call(this,__item.children);
											}
											print('</li>');
										});
										print('</ul>');
									}else{
										print('</a>');
									}
									print('</li>');
								});
							}).call(this,config.app.nav.admin);
						%>
					</ul>
				</li>
			</ul>
			<div id="searchbox">
				<form id="searchform" autocomplete="off">
					<input type="search" name="query" id="search" placeholder="Search">
				</form>
			</div>
			<ul id="searchboxresult"></ul>
		</div>
	</header>

	<section id="content" style="padding:5px 5px 5px 5px;min-height:0px;">
		<div id="workspace" class="widgets ui-sortable">
			<div class="widget sortable" data-load="sdfsdf" data-reload="10000" data-remove-content="false">
				<h3 class="handle">
					AJAX Widget
					<a class="collapse" title="collapse widget"></a>
					<a class="reload" title="reload"></a>
				</h3>
				<div>
					<h3>This is AJAX Content</h3>
					<p>last load: Mon, 24 Jun 2013 19:08:14 +0200</p>
				</div>
			</div>
		</div>
		
		<footer>
			Copyright by revaxarts.com 2012
		</footer>
	</section>
	<!-- end div #content -->
	<a id="mod_scroll_top_btn" title="scroll to top" style="display: none;">scroll to top</a>
</body>
</html>